<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>角色选择</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/bootstrap.min.js" ></script>
    <script src="js/js.cookie.js"></script>
    <style>
        #login{
            height: 50%;
            width: 28%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 5%;
            display: block;
            position: center;
        }

        .form-group {
            margin-bottom: 0;
        }
        * {
            padding:0;
            margin:0;
        }
    </style>
</head>
<body  style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-color: #d9edf7;
background-attachment: fixed;">
<h2 style="text-align: center; color: black; font-family: STKaiti; font-size: 500%">您 的 角 色 是</h2>

<div class="row">
    <div class="col-md-6" style="padding-top: 40px;">
        <h2 style="margin-left: 48%; color: black; font-family: STKaiti; font-size: 200%">A.老师</h2>

        <form action="teacherregister" method="post">
            <input type="image"
                   class="img-rounded"
                   src="img/teacher.jpg"
                   alt="此处为提交按钮"
                   width="300"
                   height="300"
                   style="margin-left: 30%;"
            />
        </form>

    </div>
    <div class="col-md-6" style="padding-top: 40px;">
        <h2 style="margin-left: 40%; color: black; font-family: STKaiti; font-size: 200%">B.同学</h2>
        <form action="studentregister" method="post">
            <input type="image"
                   class="img-rounded"
                   src="img/student.jpg"
                   alt="此处为提交按钮"
                   width="300"
                   height="300"
                   style="margin-left: 20%;"
            />
        </form>

    </div>

</div>




</div>

</body>
</html>